/* * {
	margin: 0 auto;
	padding: 0;
} */
a {
	text-decoration: none;
}
ul {
	list-style-type: none;
}

html {
	height:100%;
	font-size: 62.5%;
}
body {
	height:100%;
}
iframe {
	border-width: 0;
}
.ol-viewport:focus {
	outline-style: none;
}
#nav_app {
	height: 100%;
}
.gg-main {
	height:100%;
}

[v-cloak]{
	display:none;
}
.ol-attribution {
	display: none;
}

.scroll-min::-webkit-scrollbar{
	width:6px;
}
.scroll-min::-webkit-scrollbar-track{
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5);
	-webkit-border-radius:3px;
	border-radius:3px;
}
.scroll-min::-webkit-scrollbar-thumb{
	-webkit-border-radius:3px;
	border-radius:3px;
	background:transparent;
	/*-webkit-box-shadow:inset 0 0 3px rgba(15, 133, 232,.5);*/
}
.scroll-min::-webkit-scrollbar-thumb:window-inactive{
	background:transparent;
}

.scroll-height::-webkit-scrollbar{
	height:6px;
}
.scroll-height::-webkit-scrollbar-track{
	-webkit-box-shadow:inset 0 0 6px rgba(249, 249, 249,.5);
	-webkit-border-radius:3px;
	border-radius:3px;
}
.scroll-height::-webkit-scrollbar-thumb{
	-webkit-border-radius:3px;
	border-radius:3px;
	background:rgba(0,0,0,.5);
	-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.5);
}
.scroll-height::-webkit-scrollbar-thumb:window-inactive{
	background:rgba(0,0,0,.5)
}


.scroll-normal::-webkit-scrollbar{
	width:6px;
}
.scroll-normal::-webkit-scrollbar-track{
	-webkit-box-shadow:inset 0 0 6px rgba(249, 249, 249,.5);
	-webkit-border-radius:3px;
	border-radius:3px;
}
.scroll-normal::-webkit-scrollbar-thumb{
	-webkit-border-radius:3px;
	border-radius:3px;
	background:rgba(4,4,4,.2);
	-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.5);
}
.scroll-normal::-webkit-scrollbar-thumb:window-inactive{
	background:rgba(4,4,4,.2)
}

@media screen and (max-width:1920px){
	html {
		font-size: 62.5%;
	}
}

@media screen and (max-width:1680px){
	html {
		font-size: 50%;
	}
}

@media screen and (max-width:1440px){
	html {
		font-size: 45%;
	}
}

body {
	background: #101820;
	padding:0 !important;
}
/*navlist*/
.gg-nav-list {
	width: 12%;
	height: 100%;
	float: left;
	background: url("/assets/images/bgNav.png");
	transition: all .1s ease;
}

.gg-nav-body {
	height: calc(100vh - 180px);
	position:relative;
}

@media screen and (max-width: 1440px){
	.gg-nav-body {
		height: calc(100vh - 132px);
	}
}

.gg-nav-body_nr{
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

.nav-first-ul {
	list-style-type: none;
}

.nav-first-li {
	width: 100%;
	line-height: 40px;
	cursor: pointer;
}

.nav-first-div {
	border-radius: 2rem;
	margin: 8px 0.6rem;
}
.l-status{

}

.nav-sec-ul li:hover,
.nav-first-ul .is-checked,.fir-is-checked {
	background: linear-gradient(to right, #1d71f2 , #1bb9fa);
}

.gg-nav-body li span {
	font-size: 1.8rem;
	color: #fff;
}

.nav-first-li {
	margin-top: 1.4rem;
}

.nav-sec-div {
	display: none;
	padding-left: 0.1rem;
	z-index: 5;
	left:100%;
}

.nav-sec-ul {
	padding-top: 0.5rem;
    padding-bottom: 0.5rem;
	list-style-type: none;
	background: #16213b;
}

.nav-sec-ul li {
	line-height: 2.8rem;
	border-radius: 1.5rem;
	cursor: pointer;
	color: #fff;
	font-size: 1.7rem;
	margin: 1rem;
	padding-left: 2.5rem;
}

.nav-sec-ul li span	{
	margin-right: .8rem;
    font-size: 1.6rem;
    font-weight: 600;
}

.nav-first-li a b {
	position: relative;
	top: 3px;
	margin-left: .9rem;
	color: #fff;
	font-size: 2rem;
}
.min-side .nav-first-li a b {
	margin-left: 0;
}

.nav-first-li a span {
	margin-left: 1.5rem;
}

.nav-first-li .ggicon-arrowRight {
	color: #fff;
	float: right;
	margin-top: -2.8rem;
	margin-right: 24px;
}

/*@media screen and (max-width: 1680px){*/
	/*.nav-first-li {*/
		/*margin-top: 1.2rem;*/
		/*line-height: 30px;*/
	/*}*/
	/*.nav-first-li .ggicon-arrowRight {*/
		/*margin-top: -2.4rem;*/
	/*}*/
	/*.nav-first-li a span {*/
		/*margin-left: .8rem;*/
	/*}*/
	/*.nav-sec-ul li {*/
		/*line-height: 30px;*/
		/*margin: .4rem .6rem;*/
		/*padding-left: 2.2rem;*/
	/*}*/
/*}*/

@media screen and (max-width: 1440px){
	.nav-first-li {
		margin-top: 1.2rem;
		line-height: 30px;
	}
	.nav-first-li .ggicon-arrowRight {
		margin-top: -2.4rem;
	}
	.nav-first-li a span {
		margin-left: .8rem;
	}
	.nav-sec-ul li {
		line-height: 30px;
		margin: .4rem .6rem;
		padding-left: 2.2rem;
	}
}

/*logo*/
.gg-nav-head {
	width: 100%;
	border-bottom: .2rem solid #28447f;
	text-align: center;
}

.gg-logo {
	margin-top: 26px;
	width: 57px;
	height: 70px;
	background: url(/assets/images/logo.png) no-repeat center;
}

.gg-mini-logo {
	margin-top: 16px;
	width: 34px;
	height: 44px;
	background: url(/assets/images/mini-logo.png);
}

.gg-logo,.gg-mini-logo {
	display: none;
}

.gg-nav-head .is-active {
	display: block;
}

.gg-logo-name {
	font-size: 2.2rem;
	color: #fff;
	display: inline-block;
	margin-top: 12px;
	margin-bottom: 44px;
}

/*@media screen and (max-width: 1680px) {*/
	/*.gg-logo-name {*/
		/*margin-top: .6rem;*/
		/*margin-bottom: 1.4rem;*/
	/*}*/
/*}*/

@media screen and (max-width: 1440px) {
	.gg-logo-name {
		margin-top: .6rem;
		margin-bottom: 1.4rem;
	}
}

.gg-main {
	margin-left: 12%;
}

.gg-main-head {
	display: inline-block;
	width: 100%;
	height: 55px;
	line-height: 55px;
	background: #fff;
	box-shadow: 0 0 10px 0 rgba( 37, 40, 41,.13);
}

.gg-main-page {
	height:calc(100% - 65px);
	overflow: hidden;
}

/*build*/
.gg-build-info {
	float: left;
	font-size: 24px;
}

/*@media screen and (max-width: 1680px) {*/
	/*.gg-build-info {*/
		/*font-size: 20px;*/
	/*}*/
/*}*/

@media screen and (max-width: 1440px) {
	.gg-build-info {
		font-size: 20px;
	}
}

.gg-build-id {
	margin-left: .5rem;
	color:#393939;
}

.gg-build-name {
	margin-left: 1rem;
}

.gg-head-line {
	display: inline-block;
	width: 1px;
	height: 40px;
	background: #d9d9d9;
}

.gg-nav-collapse {
	display: inline-block;
	margin-left: 2.2rem;
    margin-right: 1.2rem;
	cursor: pointer;
	color: #5f5f5f;
	float: left;
}

.gg-build-name {
	display: inline-block;
	color: #5f5f5f;
}

#monitorPage {
	position: relative;
	padding: 10px;
}

#build_content {
	position: relative;
}

/*login*/
#gg-admin-logo {
	width: 36px;
	height: 36px;
	background: url("/assets/images/new-portrait.png") no-repeat;
	margin-top: 1.7rem;
}

.gg-login-info {
	position: absolute;
	right: 0;
}
.ggicon-cloudy{
	font-size: 2.5rem;
}

.gg-login-info ul {
	list-style-type: none;
}

.gg-login-info ul li {
	float: left;
	margin-left: .4rem;
	margin-right: 1.4rem;
	font-size: 16px;
	line-height: 55px;
	color: #6a6a6a;
}

/*@media screen and (max-width: 1680px) {*/
	/*.gg-login-info ul li {*/
		/*font-size: 14px;*/
	/*}*/
/*}*/

@media screen and (max-width: 1440px) {
	.gg-login-info ul li {
		font-size: 14px;
	}
}

.ul-li-line {
	margin-top: 8px;
	margin-left: .8rem;
	margin-right: .8rem;
}

#gg-admin-logo {
	margin-top: 10px;
	background-size: 36px 36px;
}
#gg-admin-logo img {
	width:10% !important;
	height: 10% !important;
}

#gg-admin-logo ul {
	display: none;
}

#gg-admin-logo ul li:hover {
	color: #185785;
}

#gg-admin-logo:hover > ul {
	display: block;
}

#gg-admin-logo ul:before {
	content: '';
    position: absolute;
    left: 40%;
    top: -21px;
    display: block;
    border: 10px solid transparent;
    border-bottom-color:#a5a5a5;
}

#gg-admin-logo ul:after {
	content: '';
	position: absolute;
	left: 40%;
	top: -20px;
	display: block;
	border: 10px solid transparent;
	border-bottom-color:#fff;
}

#gg-admin-logo ul {
	padding-left: 10px;
	width: 100px;
	/*height: 90px;*/
	background: #fff;
	float: left;
	position: relative;
	top: 44px;
	right: 32px;
	z-index: 6;
	border-radius: 5px;
	border: 1px solid #d6ddec;
	box-shadow: 0 0 1px rgba( 37, 40, 41,.5);
}

#gg-admin-logo ul li {
	color: #000;
	height: 24px;
	background: #fff;
	line-height: 24px;
	margin:0;
	margin-top: 5px;
	font-size: 14px;
}

#gg-admin-logo ul li b {
	color: #108cee;
	font-weight: 700;
	margin-right: 10px;
}

/*main body*/
.gg-main-body {
	position: relative;
	margin-left: 10px;
	top: 10px;
	margin-right: 10px;
	height: calc(100% - 10px);
}

.gg-body-left {
	float: left;
	width: 71.4%;
	height: 100%;
}

.gg-body-right {
	float: left;
	width: 28.6%;
	height: 100%;
	min-height: 582px;
	padding-left: 1rem;
}

.gg-fire-info {
	height: 100px;
}

.gg-fire-info ul {
	list-style-type: none;
}


.gg-fire-info .fire-info-normal li {
	position: relative;
	float: left;
	margin-right: 1%;
	width: 24%;
	height: 100px;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 0 30px rgba( 37, 40, 41,.13);
	cursor: pointer;
}

/*æ¯”ä¾‹å°ºæ ·å¼*/
.ol-unselectable .ol-scale-line-inner{
	position: absolute;
	z-index: 100;
	bottom: 25px;
	left: 38px;
	font-size: 16px;
	width: 79px;
	text-align: center;
	border-bottom: 2px solid rgba(67,67,67,255);
}
.ol-unselectable .ol-scale-line-inner:before{
	content: "";
	position: absolute;
	background: rgba(67,67,67,255);
	width: 1px;
	height: 3px;
	top: 18px;
	left: 0;
}

.ol-unselectable .ol-scale-line-inner:after{
	content: "";
	position: absolute;
	background: rgba(67,67,67,255);
	width: 1px;
	height: 3px;
	top: 18px;
	right: 0;
}
/*æ¯”ä¾‹å°ºæ ·å¼ç»“æŸ*/

.alarmPointClass {
	cursor: pointer;
}

/*æŒ‡å—é’ˆæ ·å¼*/
.monitor-coorate{
	display: none;
	position: absolute;
	z-index: 99;
	bottom: 15px;
	width: 100%;
	line-height: 16px;
	font-size: 16px;
	color: #505050;
	/*background-color: red;*/
}
.monitor-coorate .rule{
	float: left;
	display: inline;
	width: 55px;
	height: 24px;
	margin-top: 43px;
	margin-left: 28px;
	line-height: 16px;
	text-align: center;
}
.monitor-coorate .coorate{
	float: left;
	display: inline;
	padding: 9px 7px 9px 173px;
	margin-left: 29px;
	margin-top: 51px;
	line-height: 16px;
	background: rgba(250,250,250,255);
}
.monitor-coorate .compass{
	float: right;
	display: inline;
	width: 67px;
	height: 67px;
	margin-right: 13px;
	background: url(/assets/images/icon-compassnew.png) no-repeat;
	text-indent: -99999px;
}
.compassTurnLeft{
	float: right;
	display: inline;
	width: 8px;
	height: 23px;
	margin-right: -15px;
	margin-top: 19px;
	cursor: pointer;
	background: url(/assets/images/icon-trunleft.png) no-repeat;
}
.compassTurnLeft:hover{
	background: url(/assets/images/icon-trunleft_hover.png) no-repeat;
}
.compassTurnCenter{
	float: right;
	display: inline;
	width: 12px;
	height: 34px;
	margin-right: -35px;
	margin-top: 13px;
	cursor: pointer;
	background: url(/assets/images/icon_compassTurnCenter.png) no-repeat;
}
.compassTurnRigt{
	float: right;
	display: inline;
	width: 8px;
	height: 23px;
	margin-right: -54px;
	margin-top: 19px;
	cursor: pointer;
	background: url(/assets/images/icon-trunright.png) no-repeat;
}
.compassTurnRigt:hover{
	background: url(/assets/images/icon-trunright_hover.png) no-repeat;
}
/*æŒ‡å—é’ˆæ ·å¼ç»“æŸ*/

/*linyi*/
.gg-fire-info .fire-info-linyi li {
	position: relative;
	float: left;
	margin-right: 10px;
	width: calc((100% - 20px)/3);
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 0 30px rgba( 37, 40, 41,.13);
	cursor: pointer;
}
.fire-info-linyi .fire-info-num {
	height: 70px;
	line-height: 70px;
	font-size: 50px;
	text-align: center;
}
.fire-info-linyi .fire-info-title {
	height: 30px;
	line-height: 18px;
	text-align: center;
	font-size: 24px;
	color: #4e4e4e;
}
.fire-info-linyi .fire-probe-num {
	color: #f81005;
}
.fire-info-linyi .ele-fire-num {
	color: #5c52cc;
}
.fire-info-linyi .real-time-num {
	color: #f9752a;
}
.fire-info-linyi .today-hide-num {
	color: #fea705;
}

.gg-fire-info ul li div{
	float: left;
}

.gg-fire-ability {
	margin-top: 20px;
	font-size: 20px;
	color: #4e4e4e;
	/*color: #666;*/
}

.gg-fire-count {
	font-size: 30px;
	color: #4c4c4c;
	/*color: #1babf8;*/
}

.gg-fire-ability,.gg-fire-count {
	width:calc(100% - 90px);
	margin-left: 10px;
}

.gg-fire-logo {
	margin-left: 20px;
	margin-top: 24px;
	width:52px;
	height: 52px;
	border-radius: 5px;
}

.gg-alarm-logo {
	background: url(/assets/images/alarm-logo.png) no-repeat center;
}

.gg-warn-logo {
	background: url(/assets/images/warn-logo.png) no-repeat center;
}

.gg-fault-logo {
	background: url(/assets/images/fault-logo.png) no-repeat center;
}

.gg-hidden-logo {
	background: url(/assets/images/abnormal-logo.png) no-repeat center;
}

/*@media screen and (max-width: 1680px) {*/
	/*.gg-fire-logo {*/
		/*background-size: 80%;*/
		/*margin-left: 1.6rem;*/
		/*margin-top: 18px;*/
	/*}*/
	/*.gg-fire-info ul li {*/
		/*height: 84px;*/
		/*line-height: 84px;*/
	/*}*/
	/*.gg-fire-info {*/
		/*height: 84px;*/
	/*}*/
/*}*/
@media screen and (max-width: 1680px) {
	.gg-fire-count {
		font-size: 4rem;
	}
}
@media screen and (max-width: 1440px) {
	.gg-fire-ability {
		font-size: 18px;
	}
	.gg-fire-count {
		font-size: 3.6rem;
	}
	.gg-fire-logo {
		background-size: 80%;
		margin-left: 5px;
		margin-top: 18px;
	}
	.gg-fire-info .fire-info-normal li {
		height: 84px;
	}
	.gg-fire-info {
		height: 84px;
	}
	.ul-li-line {
		margin-top: 12px;
	}


	.fire-info-linyi .fire-info-num {
		height: 60px;
		line-height: 62px;
		font-size: 46px;
	}
	.fire-info-linyi .fire-info-title {
		height: 24px;
		line-height: 16px;
		font-size: 18px;
	}
}


/*buildshow*/
.gg-build-show {
	margin-top: 10px;
	border-radius: 7px;
	margin-left: 0;
	width: 100%;
	height: calc(100% - 110px);
	min-height: 470px;
	background: #fff;
	box-shadow: 0 0 10px rgba( 37, 40, 41,.13);
	z-index: 3;
	position: relative;
}

/*@media screen and (max-width: 1680px) {*/
	/*.gg-build-show {*/
		/*height: calc(100% - 94px);*/
	/*}*/
/*}*/

@media screen and (max-width: 1440px) {
	.gg-build-show {
		height: calc(100% - 94px);
	}
}

	/*right three*/
.gg-right-logo {
	display: inline-block;
	width: 23px;
	height: 23px;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	margin-left: 24px;
}

.gg-master-logo {
	background: url("/assets/images/gg-master-logo.png") no-repeat center;
}

.gg-trend-logo {
	background: url("/assets/images/gg-hidden-logo.png") no-repeat center;
}

.gg-check-logo {
	background: url("/assets/images/gg-safe-logo.png") no-repeat center;
}

.gg-right-title {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	margin-left: 48px;
	font-size: 1.8rem;
	padding-left: .4rem;
}

.gg-right-body {
	height: 28%;
	margin-bottom: 10px;
	background:#fff;
	border-radius: 7px;
	box-shadow: 0 0 1rem rgba( 37, 40, 41,.13);
}

.gg-hidden-trend .gg-right-main {
	height:78%;
}

.gg-right-head {
	height: 20%;
	position: relative;
}

.gg-right-main {
	width: 100%;
	height: 78%;
	overflow: auto;
}

.gg-check-main li span {
	font-size: 1.4rem;
	margin-left:1rem;
}

.gg-probe-list{
	font-size: 1.6rem;
	/* height: 160px; */
	overflow: auto;
}

.gg-probe-list .abli span {
	display: inline-block;
}

.gg-probe-list .abli .abli-text {
	width: 55%;
	margin-right: 4%;
	word-break: break-all;
}

@media screen and (max-width: 1680px) {
	.gg-probe-list{
		height: 140px;
	}
}

@media screen and (max-width: 1440px) {
	.gg-probe-list{
		height: 130px;
	}
}

#gg-hidden-trend {
	width: 100%;
	background: url("/assets/images/hiddenTrend.png");
}

.gg-safe-check {
	margin-bottom: 0;
	height: calc(44% - 20px);
}

.gg-safe-check .gg-right-head {
	height:16%;
}

.gg-check-main li {
	height: 25px;
	margin: 1rem 0 1rem 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 25px;
}

.gg-check-main li div{
	float: left
}

.gg-check-beforeDo {
	font-size: 1.4rem!important;
	border-radius: .5rem;
	border: .1rem solid #f7752e;
	padding: 0.16rem .6rem;
	color: #f7752e;
}

.gg-check-doing {
	font-size: 1.4rem!important;
	border-radius: .5rem;
	border: .1rem solid #1eb960;
	padding: 0.16rem .6rem;
	color:#1eb960;
}

.gg-check-done {
	font-size: 1.4rem!important;
	border-radius: .5rem;
	border: .1rem solid #4777e7;
	padding: 0.16rem .6rem;
	color:#4777e7;
}

.linyi_mainChart_noData {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 1.6rem;
}

/*@media screen and (max-width: 1680px) {*/
	/*.gg-right-logo {*/
		/*background-size: 90%;*/
		/*margin-top: -10px;*/
		/*margin-left: 16px;*/
	/*}*/
	/*.gg-right-title {*/
		/*margin-top: -10px;*/
		/*margin-left: 40px;*/
	/*}*/
	/*.new-solids {*/
		/*margin-top: 2px;*/
	/*}*/
	/*.gg-check-main li span {*/
		/*margin-left: .6rem;*/
	/*}*/
/*}*/

@media screen and (max-width: 1440px) {
	.gg-right-logo {
		background-size: 90%;
		margin-top: -10px;
		margin-left: 16px;
	}
	.gg-right-title {
		margin-top: -10px;
		margin-left: 40px;
	}
	.new-solids {
		margin-top: 2px;
	}
	.gg-check-main li span {
		margin-left: .6rem;
	}
}

/*build monitor*/
#forth-build {
	position: absolute;
	text-align: center;
	top: 7.6rem;
    left: 10.6rem;
}
#first-build {
	position: absolute;
	text-align: center;
	top: 18rem;
    left: 18rem;
}
#second-build {
	position: absolute;
	text-align: center;
	top: 10.7rem;
    left: 29rem;
}
#third-build {
	position: absolute;
	text-align: center;
	top: 165px;
    left: 460px;
}
#fifth-build {
	position: absolute;
	text-align: center;
	top: 222px;
    left: 645px;
}
#sixth-build {
	position: absolute;
	text-align: center;
	top: 140px;
    left: 890px;
}
#seventh-build {
	position: absolute;
	text-align: center;
    top: 280px;
    left: 790px;
}

.ggicon-enlarge,.ggicon-narrow,#gg-admin-logo{
	cursor: pointer;
}

.ggicon-back {
	color: #949494 ;
}

#gis-image .ggicon-narrow {
	display: none;
}

.gg-build-monitor {
	width: 185px;
	background: #4356c5;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
	border-radius: 4px;
}

.linyi-build-monitor {
	width: 18rem;
	background: #4356c5;
	padding-bottom: .5rem;
	position: relative;
	border-radius: 4px;
}


.gg-build-monitor .gg-build-head {
	height: 35px;
	padding-left: 6px;
	padding-top: 10px;
	color:#fff;
	font-size: 14px;
}

.linyi-build-monitor .gg-build-head {
	height: 4.8rem;
	padding-top: .5rem;
	text-align: center;
	color:#fff;
	font-size: 16px;
	display: -webkit-box;
	white-space: pre-wrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	-webkit-box-orient: vertical;
}

.gg-build-simple {
	background: #fff;
	width: 174px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
}

.gg-build-simple span {
	float: left;
}

.gg-build-simple .ggicon-arrowTop {
	margin-top: 8px;
	color: #5163c9;
	cursor: pointer;
	display: inline-block;
	width: 14px;
	float: right;
	margin-right: 4px;
}

.simple-state-trouble,.simple-state-warn,.simple-state-alarm {
	width: 20px;
	height: 30px;
	float: left;
}

.simple-state-warn {
	background: url("/assets/images/simple-logo-warn.png") no-repeat center;;
}
.simple-state-alarm {
	background: url("/assets/images/simple-logo-alarm.png") no-repeat center;;
}
.simple-state-trouble {
	background: url("/assets/images/simple-logo-hidden.png") no-repeat center;;
}

.gg-build-monitor .gg-build-head .ggicon-arrowBottom {
	position: relative;
	top: -2px;
	cursor: pointer;
}

.gg-build-monitor .gg-build-head .build-head-name {
	display: inline-block;
	width: 150px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}

.gg-build-simple .simple-head-name {
	display: inline-block;
	width: 136px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	color: #5163c9;
}



.gg-build-monitor .gg-build-body {
	margin-top: .5rem;
	width: 174px;
	height: 128px;
	background: #fff;
	border-radius: 4px;
}

.linyi-build-monitor .gg-build-body {
	margin-top: .5rem;
	width: 17rem;
	height: 10rem;
	background: #fff;
	border-radius: 4px;
}

.gg-build-monitor .total_stateNum {
	height:30px;
	line-height: 30px;
	border-bottom: 1px solid #e6e6e6;
}
.gg-build-monitor .build_stateNum {
	position: relative;
	height:24px;
	line-height: 24px;
}

.linyi-build-monitor .build_stateNum {
	position: relative;
	height:28px;
	line-height: 28px;
}

.linyi-build-monitor .total_stateNum {
	height:34px;
	line-height: 34px;
	border-bottom: 1px solid #e6e6e6;
}



.build_state_title {
	float: left;
	margin-left: 18px;
}

.build_state_num {
	float: right;
	margin-right: 18px;
}

.fire_linyi_app .build_state_alarm .build_state_num {
	color: #f03718;
}

.fire_linyi_app .build_state_warn .build_state_num {
	color: #5c52cc;
}

.fire_linyi_app .build_state_trouble .build_state_num {
	color: #ff7800;
}

.gg-build-center {
	display: inline-block;
	text-align: center;
	width: 45%;
}

.build-dev-num {
	font-size: 1.8rem;
	color: #3a3a3a;
	text-align:center;
	padding-top: 1rem;
}
.build-dev-type {
	padding-top: .4rem;
}
.build-alarm-num {
	font-size: 1.6rem;
	color:#f54b48;
}
.build-fault-num {
	font-size: 1.6rem;
	color:#e26e33;
}
.build-dev-type, .build-fault-name, .build-alarm-name {
	font-size: 1.2rem;
	text-align: center;
	margin-bottom: 1rem;
}
.gg-video-monitor {
	margin-top: 1rem;
	display: inline-block;
	width: 35px;
	height: 42px;
	background: url("/assets/images/video-monitor.png")
}
.gg-build-monitor:before {
	content: '';
    position: absolute;
    left: 50%;
    bottom: -2rem;
    display: block;
    border: 1rem solid transparent;
    margin-left: -0.9rem;
}
.gg-build-monitor:before {
	border-top-color:#4356c5
}

.linyi-build-monitor:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -2rem;
	display: block;
	border: 1rem solid transparent;
	margin-left: -0.9rem;
}
.linyi-build-monitor:before {
	border-top-color:#4356c5
}

.gg-build-fire {
	position: absolute;
	right: 3rem;
	bottom: 3rem;
	width:65px;
	height: 65px;
	background: #fff;
	border-radius: .5rem;
}

.gg-build-fire div {
	width:40px;
	height: 55px;
	margin-top: .5rem;
	background: url('/assets/images/fire-logo.png')
}

.build-content-head {
	height: 74px;
	line-height: 74px;
	border-bottom: 1px solid #f0f0f0;
}

.build-content-head table {
	margin-left: 0;
    width: 96%;
}

#build_content .build-td-name {
	padding-right: 1.5rem;
	font-size: 1.6rem;
	color: #414141;
}

.build-td-select {
	width: 15%;
}

.build-td-select select {
	width: 80%;
	height: 30px;
}

.gg-back-btn {
	padding:.4rem 1rem 0;
	font-size: 2.2rem;
}

#build_content .gg-enlarge-btn,#build_content .gg-narrow-btn {
	position: absolute;
    right: 2rem;
    top: 1rem;
    cursor: pointer;
}
.gg-enlarge-btn .ggicon-enlarge,.gg-narrow-btn .ggicon-narrow {
	margin: 0;
	font-size: 2.2rem;
	color: #949494;
}
#build_content .gg-narrow-btn {
	display: none;
}

.gg-search-btn button {
	width: 80px;
	height: 30px;
	border-radius: 5px;
	background: #4777e7;
	text-align: center;
	border:0;
	color: #fff;
	font-size: 1.4rem;
}

/*build-content*/
.build-alarm-info {
	width: 234px;
	top: 70px;
	left: 20px;
	position: absolute;
	border-radius: 5px;
	box-shadow: 0px 0px 10px 2px rgba( 37, 40, 41,.2);
    z-index: 999;
}
.build-alarm-info .alarm-info-body {
	padding: 0 10px 5px;
	background: #0f2934;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    position: relative;
    color: #fff;
}

.linyi_build-alarm-info {
	width: 414px;
	height: 100px;
	top: 70px;
	left: 20px;
	position: absolute;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba( 37, 40, 41,.5);
	z-index:2;
	background: #fff;
}

.build-floor {
	width: 100px;
}

.gg-company-warnTitle {
	display: inline-block;
	width: calc(100% - 26px);
	white-space: nowrap;
	text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
}

.alarm-info-title {
	font-size: 18px;
	color: #fff;
	padding: 5px 0 5px 10px;
    background: #2483cb;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.alarm-info-title .ggicon-arrowBottom,.alarm-info-title .ggicon-arrowTop{
	position: absolute;
	right: 6px;
	top: 5px;
    cursor: pointer;
    display: block;
	width: 26px;
	height: 26px;
}

.alarm-info-title .ggicon-arrowBottom {
	background: url("../images/arrow_down_white.png") no-repeat center;
	background-size: 100%;
}

.alarm-info-title .ggicon-arrowBottom, .alarm-info-title .ggicon-arrowTop {
    right: 6px;
    top: 5px;
    width: 20px;
    height: 20px;
}

.alarm-info-title .ggicon-arrowTop {
	background: url("../images/arrow_up_white.png") no-repeat center;
	background-size: 100%;
}

.build-floor {
	display: inline-block;
	font-size: 32px;
	color: #1f88ec;
	text-align: center;
	vertical-align: bottom;
}

.build-floor-alarm,.build-floor-hidden,.build-floor-warn,.build-floor-abnormal {
	width: 105px;
	display: inline-block;
	text-align: center;
	font-size: 12px;
    margin-bottom: 2px;
    padding: 5px 0;
}

.linyi_build-alarm-info .build-floor-alarm,.linyi_build-alarm-info .build-floor-hidden {
	display: inline-block;
	text-align: center;
	margin-left: 12px;
	margin-right: 12px;
	font-size: 12px;
	width: 72px;
}

.build-alarm-info .floor-alarm-num {
	color:#f03718;
}
.build-alarm-info .floor-warn-num {
	color:#5c52cc;
}
.build-alarm-info .floor-hidden-num {
	color:#ff7800;
}
.build-alarm-info .floor-abnormal-num {
	color:#a1a8b2;
}

.build-alarm-info .floor-num-size {
	font-size: 26px;
}

@media screen and (max-width: 1680px) {
	.build-alarm-info .floor-num-size {
		font-size: 20px;
	}
}
@media screen and (max-width: 1440px) {
	.build-alarm-info .floor-num-size {
		font-size: 16px;
	}
}

.build-alarm-info .build-warp-line {
	width: 1px;
	height: 90px;
	background: #a1a8b2;
	position: absolute;
	top: 10px;
	left: 117px;
}

.build-alarm-info .build-weft-line {
	width: 210px;
	height:1px;
	background: #a1a8b2;
	position: absolute;
	top: 55px;
	left: 12px;
}

@media screen and (max-width: 1680px) {
	.build-alarm-info .build-warp-line {
		height: 75px;
		top: 10px;
		left: 117px;
	}
	.build-alarm-info .build-weft-line {
		top: 45px;
	}
}

@media screen and (max-width: 1440px) {
	.build-alarm-info .build-warp-line {
		height: 70px;
		top: 15px;
		left: 117px;
	}
	.build-alarm-info .build-weft-line {
		top: 49px;
	}
}

.linyi_build-alarm-info .floor-alarm-num {
	font-size: 30px;
	color:#f03718;
	/*padding-top: 8px;*/
}

.linyi_build-alarm-info .floor-warn-num {
	font-size: 30px;
	color:#5c52cc;
}

.linyi_build-alarm-info .floor-hidden-num {
	font-size: 30px;
	color:#ff7800;
}


#floor-image {
	width:1015px;
	height:385px;
	position: absolute;
    top: 220px;
    left: 20px;
	background: url("/assets/images/floor-plane.png");
}

.alarm-floor {
	color: #f00;
}
.alarm-floor:before {
	content: "";
	width: 15px;
	height: 15px;
	background: url("/assets/images/floor-alarm.png");
    position: absolute;
    left: -3rem;
    top: .5rem;
}
.hidden-floor {
	color:#f7752e;
}
.hidden-floor:before {
	content: "";
	width: 15px;
	height: 15px;
	background: url("/assets/images/floor-hidden.png");
    position: absolute;
    left: -3rem;
    top: .5rem;

}
#build_content {
	display: none;
}
/* æŽ§åˆ¶å·¦ä¾§èœå•æ”¶ç¼© */
.min-side .gg-nav-list{
	width: 55px;
	/*transition: width .3s;*/
	transition: all .1s ease;

}

.min-side .gg-logo{
	display: none;
	/*transition: all .6s ease;*/
	transition:all .5s linear;
}

.min-side .gg-mini-logo{
	display: block;
	/*transition: all .6s ease;*/
	transition:all .5s linear;
}
/* æŽ§åˆ¶å³ä¾§å†…å®¹å¹³æ»‘è¿‡æ¸¡ */
.min-side .gg-main{
	margin-left: 55px;
	transition: all .1s ease;
}


/* éšè—å·¦ä¾§èœå•æ   */
.min-side .nav-first-li .ggicon-arrowRight,
.min-side .nav-first-li a span{
	display: none;
	transition:all .5s linear;
}

.gg-probe-list--num{
	padding-right: 1rem;
}
.gg-probe-list--time{
	float: right;
}
.min-side .nav-sec-div{
	margin-top:-50px;
	position: absolute;
	width: 200px;
	transition: all .1s ease;
}

@media screen and (max-width: 1680px) {
	.min-side .nav-sec-div {
		width:180px;
	}
	.nav-first-li a b {
		margin-left: 1rem;
		top: 2px;
	}
	.min-side .nav-first-li a b {
		margin-left: 0;
	}
}

@media screen and (max-width: 1440px) {
	.min-side .nav-sec-div {
		width:160px;
		margin-top: -23px;
	}

	.gg-build-monitor {
		top: 38px;
		left: 0;
	}
	.build-dev-type {
		margin-bottom: 6px;
	}
	.build-dev-num {
		padding-top: .8rem;
	}

	/*.fire_linyi_app .gg-build-head {*/
		/*height: 38px;*/
	/*}*/
	/*.fire_linyi_app .gg-build-body {*/
		/*height: 110px;*/
	/*}*/
	.gg-head-line {
		height: 30px;
	}
	/*.fire_linyi_app .build_stateNum {*/
		/*height: 26px;*/
		/*line-height: 26px;*/
	/*}*/

	/*.fire_linyi_app .monitorList_tab {*/
		/*font-size: 18px;*/
	/*}*/
}

.min-side .nav-first-ul{
	/*padding:5px;*/
}

.min-side .nav-first-div{
	min-width: 40px;
	/*transition: width .5s;*/
	transition: all .1s ease;
	text-align: center;
}
.min-side .nav-sec-ul{
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 200px;
	transition: all .1s ease;
}
.min-side .gg-nav-body{
	height:  calc(100vh - 160px);
	transition: all .1s ease;

}
.min-side .nav-sec-div:before{
	content: '';
	display: inline-block;
	border-bottom:10px solid transparent;
	border-left:10px solid transparent;
	border-right: 15px solid #16213b;
	width: 0;
	margin-left: -20px;
	position: absolute;
	transition: all .1s ease;

}
.min-side .gg-logo-name{
	font-size:14px;
	padding:0 8px;
	margin-top:1rem;
	transition: all .1s ease;
}

/*----------------------------------------*/
.ol-zoom,
.ol-attribution{
	display: none;
}
.floor-header .gs-el-form-item {
	margin-bottom: 0;
	white-space: nowrap;
}

.floor-header .gs-el-form-item__content,
.floor-header .gs-el-form-item__label {
	height: 48px;
	line-height: 48px;
}
.floor-header .gs-el-form-item__label {
	padding: 0 0 0 0;
	font-size: 16px;
	width:80px;
}
.floor-header .gg-floor-btn {
	color: #fff !important;
	background-color: #4777e7 !important;
	width: 70px;
	border-radius: 2px;
	padding: 0;
	height: 36px;
}

.nav-div {
	position:absolute;
	top:0;
	right:-10px;
    z-index: 999;
}
.floor-nav {
	position: absolute;
	right: 2.8rem;
	top: 9.4rem;
}

.floor-nav:before{
	position: absolute;
	content: '';
	top:0;
	left:24px;
	right:24px;
	bottom:0;
	border-left:2px solid #386fc2;
	border-right:2px solid #386fc2;
	background: #0c2448;
}

.floor-nav a {
	color: #fff;
	display: block;
	text-align: center;
}

.floor-ul-div ul {
	list-style-type: none;
}

.floor-ul-div ul li {
	position: relative;
	text-align: center;
	font-size: 1.6rem;
}

.floor-nav > .icon-lift-up,
.floor-nav > .icon-lift-down {
	z-index: 11;
	position: relative;
	width:52px;
	height: 30px;
	display: block;
	color: #3c8dbc;
	text-align: center;
    padding-top: 2px;
    margin: 0 auto;
}


.ggicon-arrowTop {
	background: url("../images/arrow_up.png") no-repeat center;
	width: 26px;
	height: 26px;
    background-size: 100%;
    display: block;
}

.ggicon-arrowBottom {
	background: url("../images/arrow_down.png") no-repeat center;
	width: 26px;
	height: 26px;
	background-size: 100%;
    display: block;
}

.floor-nav > .icon-lift-up{
	border-top:2px solid #386fc2;
	padding-top: 10px;
	margin-bottom: 10px;
}
.floor-nav > .icon-lift-down{
	padding-bottom:10px;
	margin-top:10px;
	border-bottom:2px solid #386fc2;
}
.icon-lift-up > i,
.icon-lift-down > i {
    font-size: 20px;
    margin: 0 auto;
}
.icon-lift-up:hover,
.icon-lift-down:hover,
.floor-btn-div > .floor-fire-btn > i:hover {
	cursor: pointer;
}
.floor-ul-hidden {
	overflow-x: visible;
}
.floor-ul-div {
	width: 100px;
	height: 320px;
	position: relative;
	overflow-y: hidden;
}

@media screen and (max-width: 1440px) {
	/* .floor-ul-div {
		height:240px;
	} */
	.floor-header .gg-floor-btn {
		height: 30px;
		padding: 0;
	}
}

.floor-ul-div > ul {
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0;
	margin: 0;
}
.floor-ul-div > ul > li {
	position: relative;
	width: 100%;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color:  #000;
	margin-bottom: 8px;
}
.floor-ul-div > ul > li.is-warning,
.floor-ul-div > ul > li.is-error {
	position: relative
}

.is-error .gg-floor-circle{
	color: #f00;
}
.floor-ul-div > ul > li.is-error.floor-checked .gg-floor-circle{
	background-color: #4777e7;
}

.floor-ul-div > ul > li.is-warning .gg-floor-circle{
	border-color:  #ffa939;
	background-color: #ffeed8;
}
.floor-ul-div > ul > li.is-warning.floor-checked .gg-floor-circle{
	background-color: #4777e7;
}

.floor-ul-div ul li:hover .gg-floor-circle{
	background-color: #4777e7;
	color: #fff;
}

.floor-checked .gg-floor-circle{
	background: #2483cb;
	color: #fff;
}
.floor-checked:before {
	content: '';
	position: absolute;
	left: 10px;
	top: 50%;
	display: block;
	border: .6rem solid transparent;
	border-left-color: #4777e7;
	margin-top: -.4rem;
}

.gg-floor-circle{
	width: 36px;
	height:36px;
	line-height: 36px;
	display: inline-block;
	border-radius: 50%;
}

.floor-ul-div > ul > li.is-warning a {
	color: #ff9204;
}

.floor-ul-div > ul > li.is-warning:before,
.floor-ul-div > ul > li.is-hidden:before,
.floor-ul-div > ul > li.is-error:before{
	position: absolute;
	border: none;
	content: '';
	display: inline-block;
	width: 18px;
	height: 25px;
	left: 5px;
	top: 6px;
	margin-top:0;
}
.floor-ul-div > ul > li.is-error:before{
	background: url("../images/floor-alarm.png") no-repeat 2px 4px;

}
.floor-ul-div > ul > li.is-warning:before{
	background: url("../images/floor-warn.png") no-repeat 2px 4px;
}
.floor-ul-div > ul > li.is-hidden:before{
	background: url("../images/floor-hidden.png") no-repeat 2px 4px;
}

.floor-ul-div > ul > li > b {
	position: absolute;
	bottom: -2px;
	right: -2px;
	font-size: 20px;
}
/* æ¥¼å±‚å¹³é¢å›¾å¯¼èˆª end */

.gg-company-warn {
	z-index: 3;
}
.gg-device-images {
	position: relative;
	width: 100%;
	height: 100%;
}
.gg-company-warnInfo {
	float: left;
	margin-left: 10px;
}
.gg-patrol-title {
	color:#16213b;
	height: 48px;
	line-height: 48px;
}
.gg-pheader-table {
	float: left;
	width: calc(100% - 90px);
	margin-left: -10px;
}
.gg-patrol-title {
	float: left;
	margin-left: 17px;
	margin-right: 10px;
	font-size: 1.8rem;
}
.build-narrowBtn,.build-enlargeBtn {
	color:#7b7f8a;
	position: absolute;
	right:10px;
	top: 10px;
}
.ol-unselectable{
	background-color: #fff;
}
.floor-main-wrap {
	
}
.gg-prober-pos {
	width: 468px;
	height: 300px;
	padding: 12px 10px;
	text-align: left;
}
.add-prober-pos {
	position: absolute;
	top: 0px;
	left: 452px;
	width: 468px;
	height: 300px;
	text-align: left;
}
.gg-warnNum-short-dialog {
	width: 450px;
	height: 330px;
    box-sizing: border-box;
}

.gg-warnNum-long-dialog {
	width: 450px;
	height: 380px;
}

.gg-warnNum-dialog {
    margin: 0;
	position: relative;
	z-index: 999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #88D4FF;
    background: #081F35;
    box-shadow: inset 0px 0px 20px #88D4FF;
    color: #fff;
    box-sizing: border-box;
}
.add-warnNum-dialog {
	display: none;
	position: absolute;
    color: #fff;
	z-index: 999;
	border: 1px solid #3c8dbc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    background: #081F35;
    box-shadow: inset 0px 0px 20px #88D4FF;
}
.add-warnNum-dialog .add_deviceUnit {
	overflow: auto;
    background: #081f35;
    box-shadow: inset 0px 0px 20px #88D4FF;
    margin: 0;
}
.add-warnNum-dialog .add_deviceUnit li {
	cursor: pointer;
	float: left;
	width: 90px;
	margin: 0 10px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
}
.gg-warnNum-dialog:before,.gg-warnNum-dialog:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -18px;
	display: block;
	width: 0;
	height: 0;
	border: 9px solid transparent;
	margin-left: -9px;
}
.gg-warnNum-dialog:before {
    display: none;
	border-top-color: #3c8dbc;
}
.gg-warnNum-dialog:after {
    display: none;
	border-width: 8px;
	border-top-color: #fff;
	bottom: -16px;
	margin-left: -8px;
}

.toggle-warnNum-dialog {
    display: inline-block;
	cursor: pointer;
	position: relative;
	width: 20px;
    left: 0px;
    top: 0px;
	background: #1a95ec;
	color: #fff;
	text-align: center;
	z-index: 1000;
	border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 12px;
    padding: 5px 0;
}
.toggle-warnNum-dialog .ggicon-back {
    transform: rotate(90deg);
    display: block;
    width: 15px;
    height: 15px;
    background: url('../images/arrow_down_white.png');
    background-size: 100%;
}

.add-unit-active {
	border-bottom: 1px solid #1a95ec;
	color: #1a95ec;
}

.add-prober-unit {
	display: none;
}
.add-prober-unit .gg-scroll-tbody {
	height: 160px;
}

.add-prober-unit table {
	width:100%;
	text-align: center;
}

.add-prober-unit .gg-chart-ele,.add-prober-unit .gg-chart-tem,.add-prober-unit .gg-chart-liu,.add-prober-unit .gg-chart-ya{
	height: 200px;
}
@media screen and (max-width: 1680px) {
	.add-prober-unit .gg-chart-ele,.add-prober-unit .gg-chart-tem,.add-prober-unit .gg-chart-liu,.add-prober-unit .gg-chart-ya{
		height: 150px;
    }
    .add-capuse-time, .gg-capuse-time{
        right: 10px;
    }
}
@media screen and (max-width: 1440px) {
	.add-prober-unit .gg-chart-ele,.add-prober-unit .gg-chart-tem,.add-prober-unit .gg-chart-liu,.add-prober-unit .gg-chart-ya{
		height: 110px;
	}
}

.add-device-info {
	color: #fff;
}

.gg-patrol-plan {
	height: 50px;
	background-color: #FFFFFF;
	padding-top: 5px;
}
.gg-prober-header {
	padding-bottom: 4px;
	text-align: left;
}
.add-prober-header {
	padding: 12px 9px 5px 20px;
}
.add-prober-body {
	padding: 0 20px;
}
.gg-btn-capsuleGroup a {
	float: left;
    margin-right: -1px;
    background: #00667c;
    border: 1px solid #009dd1;
    color: #fff;
    border-radius: 8px 8px 0px 0px;
    padding-top: 5px;
}
.gg-prober-h5 {
	font-size: 2rem;
	color:#fff;
	font-weight: 600;
}
.gg-probe-cell a{
	 color: #fff;
}

/*å¹³é¢å›¾å¼¹çª—*/
.gg-prober-location {
	font-size: 1.8rem;
	padding-top: .4rem !important;
	padding-bottom: .4rem !important;
	display: block;
	width: 90%;
	margin-left: 0;
}
.gg-online-item {
	display: inline-block;
	padding: 0 9px;
	margin-left: 10px;
	color: #fff;
	font-size: 16px;
	background-color: #66CC99;
	border-radius: 3px;
}
.gg-prober-group {
	position: absolute;
	top: 10px;
	right: 20px;
}
.add-prober-body .gg-prober-group {
	position: absolute;
	top: 50px;
	right: 20px;
}

.gg-normal-item,.gg-prober-item, .gg-alarm-item, .gg-warning-item,.gg-abnormal-item{
	display: inline-block;
	padding: 2px 8px;
	color: #fff;
    font-size: 16px;
    border-radius: 2px;
}
.gg-normal-item {
	background-color: #66CC99;
}
.gg-prober-item {
	background-color: #ff951b;
}
.gg-alarm-item {
	background-color: #FF3333;
}
.gg-warning-item {
	background-color: #9F1D8B;
}
.gg-abnormal-item {
	background-color: #676767;
}
.gg-outline-item {
	display: inline-block;
	padding: 0px 9px;
	margin-left: 10px;
	color: #fff;
	font-size: 16px;
	background-color: #ccc;
	background-clip: padding-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
@media screen and (max-width: 1680px) {
	.gg-prober-item,.gg-normal-item,.gg-alarm-item,.gg-warning-item,.gg-abnormal-item,.gg-outline-item {
		font-size: 14px;
	}
}
@media screen and (max-width: 1440px) {
	.gg-prober-item,.gg-normal-item,.gg-alarm-item,.gg-warning-item,.gg-abnormal-item,.gg-outline-item {
		font-size: 14px;
	}
}

/*é¸Ÿçž°å›¾ ç½‘æ ¼å¼¹çª—*/
.wg_tooltip {
	width: 380px;
	height: 220px;
	background: #fff;
	border:1px solid #ced6e8;
	padding-top: 25px;
	padding-left: 25px;
	border-radius: 5px;
}
.wg_tooltip:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -19px;
	display: block;
	border: 10px solid transparent;
	margin-left: -10px;
	border-top-color:#ffffff
}

.wg_title {
	font-size:18px;
	font-weight: 600;
	margin-bottom: 10px;
}
.wg_address {
	color: #797979;
	margin-bottom: 15px;
	font-size: 16px;
}
.wg_weftLine {
	display: inline-block;
	height: 1px;
	width: 320px;
	background: #ededed;
	margin-bottom: 15px;
}
.wg_type,.wg_name,.wg_tel {
	font-size: 16px;
	color: #727272;
	margin-bottom: 12px;
}

/*shuiya*/
.gg-probe-chart {
	width: 420px;
	height: 200px;
}
.add-prober-unit .gg-probe-chart {
	height: 170px;
}
@media screen and (max-width: 1680px) {
	.add-prober-unit .gg-probe-chart {
		height: 140px;
	}
}
@media screen and (max-width: 1440px) {
	.add-prober-unit .gg-probe-chart {
		height: 110px;
	}
}
.gg-probe-list li {
	border-bottom: 1px solid #ccc;
	padding: 8px;
}

.tr-pointer{
	cursor:pointer
}

.gg-btn-capsuleInline{
    display: block;
    overflow: hidden;
    margin-bottom: 5px;
}

.gg-btn-capsule {
	color:#808080;
	font-size: 1.8rem;
	border-radius: 5px;
    border: 1px solid #808080;
    cursor: pointer;
    padding: 1px 8px;
}
.gg-btn-capsule:hover {
	border: 1px solid #0d87d4;
	color: #0d87d4;
}
.gg-btn-capsule.is-active {
	border: 1px solid #0d87d4;
    color: #fff;
    background: linear-gradient(0deg,rgba(0,182,253,1),rgba(0,114,164,1));
}
.add-btn-capsule {
	color:#808080;
	font-size: 1.6rem;
	border-radius: 5px;
	border: 1px solid #808080;
	cursor: pointer;
	padding: 3px 12px 4px;
}
.add-btn-capsule:hover {
	border: 1px solid #0d87d4;
    background: linear-gradient(0deg,rgba(0,182,253,1),rgba(0,114,164,1));
}
.add-btn-capsule.add-is-active {
    border: 1px solid #0d87d4;
    background: linear-gradient(0deg,rgba(0,182,253,1),rgba(0,114,164,1));
}

.gg-prober-device {
	margin: 5px 0 5px 0;
	word-break: break-all;
}
.gg-prober-device span,.gg-probe-list li a {
	font-size: 1.8rem;
}
.gg-chart-tem {
	display: none;
	width:400px;
	height: 190px;
}
.gg-chart-ele {
	width:400px;
	height: 190px;
}
.gg-chart-liu {
	display: none;
	width:400px;
	height: 190px;
}
.gg-chart-ya {
	display: none;
	width:400px;
	height: 190px;
}
.gg-probe-chart__btn {
	display: inline-block;
	font-size: 14px;
}
.gg-ele-btn {
	color: #3c8dbc;
	margin: 0 4px;
	border-bottom: 2px solid #3c8dbc;
	cursor: pointer;
}
.gg-tem-btn {
	color: #a5a5a5;
	margin: 0 4px;
	cursor: pointer;
}
.gg-liu-btn {
	color: #a5a5a5;
	margin: 0 4px;
	cursor: pointer;
}
.gg-ya-btn {
	color: #a5a5a5;
	margin: 0 4px;
	cursor: pointer;
}

.gg-prober-model {
	display: inline-block;
	width: 100%;
}
.add-capuse-time,.gg-capuse-time {
    height: 20px;
    position: absolute;
    right: 20px;
    z-index: 10;
}
.gg-capuse-time a {
	float: right;
	font-size: 14px;
	margin-right: 5px;
	cursor: pointer;
}
.gg-capuse-time a:hover {
	color: #3c8dbc;
}
.gg-capuse-time .is-active {
	color: #3c8dbc;
}
.add-capuse-time a {
	float: right;
	font-size: 14px;
	margin-right: 5px;
	cursor: pointer;
}
.add-capuse-time a:hover {
	color: #3c8dbc;
}
.add-capuse-time .is-active {
	color: #3c8dbc;
}
.gg-scroll-tbody {
	height: 184px;
	overflow-y: auto;
	border: 1px solid #bbb;
	font-size: 16px;
	color: #fff;
}
#curData tr td:nth-child(3){
	width: 40%;
}
.active{
	background-color: #4777e7 !important;
}
/*ç”µæ°”ç«ç¾*/
.gg-prober-unit.is-active {
	display: block;
	border: 1px solid #bbb;
	font-size: 16px;
	color: #5e5e5e;
}
.gg-prober-unit {
	display: none;
	font-size: 1.6rem;
	margin-top: 0;
}
.gg-prober-unit__table {
	border: 1px solid #bbb;
	border-bottom: 0;
	font-size: 16px;
	color: #fff;
}
.gg-prober-unit table {
	width: 100%;
	text-align: center;
}

/*gis*/
.gg-floor-wrap {
	height: calc(100% - 53px);
}
.gg-structure {
    height: 100%;
    display: inline-block;
}
/*ç«æŠŠlogo*/
.gg-fire-icon {
	position: relative;
	width: 65px;
	height: 65px;
	text-align: center;
	border-radius: 5px;
	z-index: 20;
	cursor: pointer;
	background: url("/assets/images/fire-logo-new.png") no-repeat center;
}
/*huoba*/
.gg-fire-content {
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 20;
}
#monitor-alarm-list.gg-fire-panel {
	width: 380px;
	max-height: 400px;
	overflow-y: auto;
	background: #fff;
}

.fire-alarm-outside {
	display: none;
	position: absolute;
	bottom: 80px;
	right: 0;
	background-color: #fff;
	border-radius: 5px;
	padding: 0 10px;
	transition: all ease-in-out .1s;
	transform-origin: 50% 50%;
	z-index: 10;
}
/*æ— æŠ¥è­¦æ ·å¼*/
.gg-text-notice {
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 14px;
}
.fire-alarm-outside::before {
	content: '';
	position: absolute;
	left: 92%;
	bottom: -18px;
	display: block;
	width: 0;
	height: 0;
	border: 9px solid transparent;
	margin-left: -9px;
	border-top-color: #fff;
}
.gg-fire-dd {
	margin-left: 10px;
	display: inline-block;
	width: 74%;
}
.gg-fire-date {
	color: #f00;
	font-size: 12px;
}
.gg-fire-title {
	width: 100%;
	color: #000;
	font-size: 16px;
	line-height: 24px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.fire-alarm-time {
	width: 22%;
	float: left;
	text-align: center;
}
.gg-fire-dt {
	height: 28px;
	line-height: 28px;
	font-size: 20px;
	color: #f00;
	border: 1px solid #f00;
	border-radius: 20px;
	background: #f0d3d3;
	margin-bottom: 4px;
}
.gg-fire-add {
	font-size: 16px;
	margin-top: 4px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.gg-fire-dl {
	position: relative;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #bfbfbf;
	cursor: pointer;
}

@media screen and (max-width: 1680px) {
	.alarm-info-title {
		font-size: 14px;
	}
	.build-floor {
		font-size: 32px;
	}
	.floor-alarm-num,.floor-hidden-num,.floor-warn-num {
		font-size: 22px;
	}
	
	.linyi_build-alarm-info {
		height: 90px;
	}

	.add-prober-pos {
		/* top: 315px; */
		left: 370px;
	}
	.toggle-warnNum-dialog {
        /* left: 370px;
        top: 120px; */
        left: 0px;
        top: 0px;
	}
	.gg-warnNum-short-dialog {
		height: 285px;
        width: 370px;
	}
	.gg-warnNum-long-dialog {
		height: 335px;
		width: 370px;
	}
	.gg-probe-chart {
		width: 335px;
		height: 220px;
	}
	.gg-scroll-tbody {
		height: 166px;
		font-size: 14px;
	}
	.add-prober-unit .gg-scroll-tbody {
		height: 150px;
	}
	.gg-chart-tem {
		width:350px;
		height: 185px;
	}
	.gg-chart-ele {
		width:350px;
		height: 165px;
	}
	.gg-chart-liu {
		width:350px;
		height: 165px;
	}
	.gg-chart-ya {
		width:350px;
		height: 165px;
	}
	#deviceWater {
		height: 180px;
	}
	.add-prober-pos #deviceWater {
		height: 180px;
	}

	.gg-online-item,.gg-outline-item {
		 font-size: 14px;
	}
}

@media screen and (max-width: 1440px) {
	.gg-logo{
		background-size: 80%;
		margin-top: 1.2rem;
	}
	.nav-first-li a b{
		margin-left: 1.1rem;
	}
	.min-side .nav-first-li a b {
		margin-left: 0;
	}
	.gg-main-body{
		margin-top: 0;
	}
	#monitor-alarm-list.gg-fire-panel {
		max-height: 300px;
	}
	.fire-alarm-outside {
		bottom: 70px;
	}
	.gg-fire-icon {
		background-size: 80%;
	}
	.gg-fire-title {
		font-size: 14px;
	}
	.gg-fire-add {
		font-size: 12px;
	}
	#monitor-alarm-list.gg-fire-panel {
		width: 314px;
	}
	.gg-fire-dt {
		font-size: 16px;
	}
	.fire-alarm-outside::before {
		left:90%;
	}
	.alarm-info-title {
		font-size: 14px;
	}
	.build-floor {
		font-size: 28px;
	}
	.floor-alarm-num,.floor-hidden-num,.floor-warn-num {
		font-size: 20px;
	}

	.linyi_build-alarm-info {
		height: 90px;
	}

	.add-prober-pos {
        top: 0px;
        left: 372px;
	}
	.gg-warnNum-short-dialog {
		height: 245px;
		width: 370px;
	}
	.gg-warnNum-long-dialog {
		height: 295px;
		width: 370px;
	}
	.gg-probe-chart {
		position: absolute;
		bottom: 5px;
		width: 350px;
		height: 170px;
	}
	.gg-scroll-tbody {
		height: 130px;
		font-size: 14px;
	}
	.add-prober-unit .gg-scroll-tbody {
		height: 100px;
	}
	.gg-chart-tem {
		width:350px;
		height: 145px;
	}
	.gg-chart-ele {
		width:350px;
		height: 145px;
	}
	.gg-chart-liu {
		width:350px;
		height: 145px;
	}
	.gg-chart-ya {
		width:350px;
		height: 145px;
	}
	#deviceWater {
		height: 140px;
	}
	.add-prober-pos #deviceWater {
		height: 160px;
	}
	.gg-online-item,.gg-outline-item {
		font-size: 14px;
    }
}
/* æµ‹è¯•end */

/*å…¬å‘Š*/
.advertise-container{
	margin-top:30px;
	width:836px;
	height:480px;
	background:white;
	position: relative;
	z-index:199;
}
.advertise-container>.advertise-headerImage{
	position: absolute;
	left:115px;
	top:-30px;
}
.advertise-container>.advertise-title{
	margin:0;
	position: absolute;
	left:340px;
	display: block;
	color:white;
	font-size:40px;
	z-index:99;
	letter-spacing:10px;
	top:-10px;
}
.advertise-body{
	/*width:757px;*/
	width:760px;
	height:380px;
	border:4px dotted #4777e7;
	position: absolute;
	left:35px;
	top:35px;
	-webkit-box-sizing:content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.advertise-body>p:first-child{
	margin: 0;
	padding: 110px 68px;
	font-size: 24px;
	line-height: 35px;
	text-indent: 2em;
}
.advertise-body>p:nth-child(2){
	margin: 0;
	font-size: 24px;
	line-height: 35px;
	text-indent: 2em;
	color:#4777e7;
	position: absolute;
	bottom:90px;
	left:22px;
}
.advertise-body>p:last-child{
	margin: 0;
	font-size: 22px;
	line-height: 35px;
	text-indent: 2em;
	font-weight: 100;
	color:black;
	position: absolute;
	bottom:20px;
	right:35px;
	cursor: pointer;
}
#advertise{
	-webkit-transition:all .5s linear;
	-moz-transition:all .5s linear;
	-ms-transition:all .5s linear;
	-o-transition:all .5s linear;
	transition:all 0.5s linear;
	/*visibility:visible;*/
	/*opacity: 1;*/
}

@media screen and (max-width: 1440px) {
	.advertise-container {
		width: 700px;
		height: 410px;
	}
	.container-num {
		margin: -240px 0 0 -350px;
	}
	.advertise-body {
		width: 620px;
		height: 335px;
	}
	.advertise-headerImage img {
		width:81%;
	}
	.advertise-container>.advertise-title {
		left: 276px;
		top: -8px;
		font-size: 30px;
	}
	.advertise-container>.advertise-headerImage {
		top: -24px;
	}
	.advertise-body>p:first-child {
		font-size: 18px;
		padding: 55px 68px;
	}
	.advertise-body>p:nth-child(2) {
		bottom: 80px;
		font-size: 20px;
		text-align: center;
		left: 32px;
	}
	.advertise-body>p:last-child {
		font-size:16px;
	}
}

/*æ­£å¸¸*/
.normal_warn_list_position {
	position: absolute;
	right:-28.6%;
	width: 28.6%;
	height: 100%;
	min-height: 582px;
	padding-left: 1rem;
	display: none;
}

/*ä¸´æ²‚*/
.warn_list_position {
	position: absolute;
	right:0;
	width: 28.6%;
	height: 100%;
	min-height: 582px;
	padding-left: 1rem;
	display: none;
}
.warn_monitorList {
	height: 100%;
	position: absolute;
	background: #fff;
	width: calc(100% - 1rem);
	top: 0;
	border-radius: 7px;
	overflow: hidden;
}

.warn_monitorList .slide-right {
	width: 400%;
	height: calc(100% - 110px);
	position: relative;
}

.normal_warn_list_position .monitorList_tab {
	cursor: pointer;
	float: left;
	/*padding: 0 12px;*/
	text-align: center;
	font-size: 18px;
	border-bottom: 1px solid #e7e9ed;
	height: 72px;
	line-height: 72px;
}

.monitorList_tab.abnormal_check {
	width: 28%;
}
.monitorList_tab.trouble_check {
	width: 28%;
}
.monitorList_tab.warn_check {
	width: 28%;
}
.monitorList_tab.alarm_check {
	width: 16%;
}

@media screen and (max-width: 1900px) {
	.normal_warn_list_position .monitorList_tab {
		/*padding: 0 10px;*/
		font-size: 16px;
	}
}
@media screen and (max-width: 1680px) {
	.normal_warn_list_position .monitorList_tab {
		/*padding: 0 7px;*/
		font-size: 16px;
	}
}
@media screen and (max-width: 1440px) {
	.normal_warn_list_position .monitorList_tab {
		/*padding: 0 5px;*/
		font-size: 14px;
	}
}
.warn_list_position .monitorList_tab {
	cursor: pointer;
	float: left;
	width: 33.33%;
	text-align: center;
	font-size: 20px;
	border-bottom: 1px solid #e7e9ed;
	height: 72px;
	line-height: 72px;
}

.monitorList_tab_sel {
	height: 74px;
}

.monitorList_tab_sel .tab_active {
	color: #277eec;
	border-bottom: 1px solid #277eec;
}

.normal_warn_list_position .warn_monitorList_exit {
	position: absolute;
	left: -5px;
	top: 45%;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	width: 30px;
	height: 20px;
	background: #a7afc2;
	text-align: center;
	line-height: 20px;
	font-size: 16px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	z-index:2;
}

.warn_list_position .warn_monitorList_exit {
	position: absolute;
	right:0;
	color: #277eec;
	cursor: pointer;
}

.monitorList_main_total {
	width:80%;
	margin: 20px 10%;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	background: #f5f5f5;
}

.monitorList_title {
	font-size: 18px;
}
.monitorList_alarm {
	margin-left: 14px;
	display: inline-block;
	font-size: 14px;
	color: #fff;
	width: 34px;
	height: 18px;
	border-radius: 2px;
	background: #f00;
	line-height: 18px;
	text-align: center;
}
.monitorList_trouble {
	margin-left: 14px;
	display: inline-block;
	font-size: 14px;
	color: #fff;
	width: 34px;
	height: 18px;
	border-radius: 2px;
	background: #ff7800;
	line-height: 18px;
	text-align: center;
}
.monitorList_warn {
	margin-left: 14px;
	display: inline-block;
	font-size: 14px;
	color: #fff;
	width: 34px;
	height: 18px;
	border-radius: 2px;
	background: #5c52cc;
	line-height: 18px;
	text-align: center;
}
.monitorList_abnormal {
	margin-left: 14px;
	display: inline-block;
	font-size: 14px;
	color: #fff;
	width: 34px;
	height: 18px;
	border-radius: 2px;
	background: #676767;
	line-height: 18px;
	text-align: center;
}
.monitorList_history {
	margin-left: 20px;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 10px;
	padding-top: 10px;
	position: relative;
}
.monitorList_address,.monitorList_date,.monitorList_id,.monitorList_loop {
	font-size: 16px;
	color: #676767;
	width: 80%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding:2px 0;
}
.monitorList_main {
	height: 100%;
	width: 25%;
	display: inline-block;
	overflow: auto;
}
.search_device_btn {
	position: absolute;
	right:24px;
	top:36px;
	cursor: pointer;
	color: #4777e7;
	background: #fff;
	border: 0;
}
/* .deviceCTerminal {
	display: none;
} */
.search_device {
	font-size: 16px;
}
.warn_monitorList_exit {
	transform: rotate(90deg);
	font-size: 20px;
	margin-top: 26px;
	margin-right: 8px;
	cursor: pointer;
}
.monitorList_main_normal {
	background: url("/assets/images/linyi_monitor_normal.png") no-repeat center;
	width: 400px;
	height: 400px;
	background-size: 100%;
}
.monitorList_main_alarm {
	background: url("/assets/images/alarm_monitor_normal.png") no-repeat center;
	width: 400px;
	height: 400px;
	background-size: 100%;
}
@media screen and (max-width: 1680px) {
	.monitorList_main_normal {
		width: 300px;
	}
	.monitorList_main_alarm {
		width: 300px;
	}
}
